<div class="content">
     <h2 class="api-name">引入文件</h2>
     <textarea name="code" class="js"> 
		<script type="text/javascript" src="simpleSelectable.js"></script>
	 </textarea>
	 <h2 class="api-name">使用Resize</h2>
	 <div class="part">
	 	<h3 class="api-guide"><a href="../doc/demo/selectable.html" class="demo-btn" target="_blank">运行demo</a>Simple.Selectable(opts)</h3>
	 	<div class="desc"><strong>概述：</strong>
	 		Simple.Selectable提供一个区域选择功能~
	 	</div>
	 	<p>启动区域删选</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").selectable({
			  selectNode:"li"
			});
	 	</textarea>
	 	<p>销毁拖动事件</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").selectable("destroy");
	 	</textarea>
	 	<h3 class="api-guide">SimpleResize API</h3>
<table class="configList">
	<tr>
		<th width="100">配置选项</th><th width="200">配置选项</th><th>选项说明</th>
	</tr>
	
		<td>selectNode</td><td>string {default:*}</td><td>设定区域选择的子元素，jquery选择器</td>
	</tr>
	<tr>
		<td>delay</td><td>int</td><td>延迟触发selectable事件</td>
	</tr>
	<tr>
		<td>selectCls</td><td>string</td><td>选中的元素加上的类，以表明该元素被选中了</td>
	</tr>
	<tr>
		<td>onselectstart</td><td>function(e)</td><td>拖动开始时候触发的事件</td>
	</tr>
	<tr>
		<td>onselectend</td><td>function(e,selectNode)</td><td>选择结束后触发的事件</td>
	</tr>
</table>
	 </div>
</div>

